﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>User Settings</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.2.0/css/ui-light.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.2.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.2.0/js/ui.js"></script>

    <link href="usersettings.css" rel="stylesheet" />
    <script src="usersettings.js"></script>
</head>
<body>
    <div class="usersettings fragment">
        <header aria-label="Header content" role="banner">
            <button data-win-control="WinJS.UI.BackButton"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">Welcome to usersettings</span>
            </h1>
        </header>
        <section aria-label="Main content" role="main">
            <div class="explanation">User settings are intended to store preferences the user has chosen for this app. You should usually use roaming settings so that users' settings are automatically copied up to their cloud and back down to any other devices they use this app on. The values in this section will be saved automatically.</div>
            <div>
                <h3>local</h3>
                <input />

                <h3>roaming</h3>
                <input />
            </div>
        </section>
    </div>
</body>
</html>
